<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>

<c:set var="topLevels" value="${navSegments.children}"></c:set>
<div id="navSegmentTabs" class="head1_nav">
	<div class="head1_navdiv fl">
    	<c:forEach var="cascadeC" items="${topLevels}" varStatus="segmentStatus">
    		<c:set var="segment" value="${cascadeC.current}"></c:set>
    		<a id="navSegmentTabs-${segment.segmentid}" href="<c:url value='/klg/index.do?topSegmentid=${segment.segmentid}'/>">
    			<c:out value='${segment.title}'/>
    		</a>
    	</c:forEach>
    </div>
</div>
<script>
$.each($("#navSegmentTabs a"),function(i, n){
	n.onmouseover=function(){
		this.timer=window.setTimeout(function(){
			$("#navSegmentTabs a").removeClass("head1_navdiva").addClass("");
			n.className="head1_navdiva";
		},100)
	};
	n.onmouseout=function(){window.clearTimeout(this.timer);}
});
$("#navSegmentTabs a:first").mouseover(); 
</script>